<template>
		<div>
			<el-dialog title="请提交您的联系方式" style="border-radius: 10px;" :show-close="false" :visible.sync="dialogVisible" width="30%" top="30vh">
				<span slot="title" class="dialog-footer">
					<img @click="dialogVisible=false" src="@/common/image/tc_sc@1x.png" alt="">
					<span>请提交您的联系方式</span>
				</span>
				<div class="inputBox">
					<input @input="inputChange" v-model.number="phone" placeholder="请输入您的手机号"></input>
				</div>
				<div class="input-bottomtext">提交后我们工作人员会尽快联系您的，请耐心等待～</div>
				<div :style="btnFlag?'background:#1F2E75;':''" class="dialog-footer-center" @click="submit()">
					提交
				</div>
			</el-dialog>
			<el-dialog width="254px" height="254px" top="30vh" :show-close="false" :visible.sync="dialogVisible2">
				<div style="text-align: center;padding-bottom: 20px;">
					<img src="@/common/image/tc_tscg@1x.png" alt="">
					<div style="color: #333333; font-size: 20px;">提交成功</div>
				</div>
			</el-dialog>
		</div>
</template>

<script>
	export default{
		props:{
			dialogVisible:false,
			phone:""
		}
	}
</script>

<style lang="less" scoped>
	.el-dialog__header{
		position: relative;
		img{
			position: absolute;
			top: -20%;
			right: 0%;
			width: 28px;
			height: 28px;
			cursor:pointer;
		}
	}
	.dialog-footer-center {
		width: 100%;
		margin-top: 10px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #CECECE;
		cursor: pointer;
		font-size: 12px;
		color: #FFFFFF;
		margin-top: 38px;
	}
	.input-bottomtext {
		margin: 2vh 0vw;
		color: #999999;
		font-size: 12px;
	}
	.el-dialog__body{
		padding-top: 0 !important;
	}
	.el-dialog{
		border-radius: 10px;
		padding: 32px 35px !important;
		width: 644px !important;
		height: 390px !important;
	}
</style>
